import Url from './url';

const Config = {
    userManagement: {
        defaultAdminUserName: 'admin',
    },
    localization: {
        defaultLocalizationSourceName: 'NL',
    },
    authorization: {
        encryptedAuthTokenName: 'enc_auth_token',
    },
    appBaseUrl: Url.clientUrl,
    remoteServiceBaseUrl: Url.serverUrl,
    color:{
        primary:'#2d8cf0',
        lightPrimary:'#5cadff',
        darkPrimary:'#2b85e4',
        info:'#2db7f5',
        success:'#19be6b',
        warning:'#ff9900',
        error:'#ed4014',
        title:'#17233d',
        content:'#515a6e',
        subColor:'#808695',
        disabled:'#c5c8ce',
        border:'#dcdee2',
        divider:'#e8eaec',
        background:'#f8f8f9',
    },
    sorting: {
        administration: {
            role: 'custom',
            user: 'custom',
            audit: 'custom',
            dictionary:'custom',
        },
        flow:{
            instance:'custom',
            scheme:'custom',
        },
        form:{
            scheme:'custom',
        },
    },
    duration: 3,
    mask: true,

    jsPlumb: {
        jsPlumbSetting: {

            Anchors: ['TopCenter', 'RightMiddle', 'BottomCenter','LeftMiddle'],
            Container: 'container',
            Connector: ['Flowchart', {stub: 30, gap: 1, alwaysRespectStubs: false, midpoint: 0.5, cornerRadius: 10}],
            ConnectionsDetachable: false,
            DeleteEndpointsOnDetach: false,
            Endpoint: ['Blank', {Overlays: ''}],
            EndpointStyle: {fill: '#808695', outlineStroke:'#2db7f5',outlineWidth: 0},
            LogEnabled: true,
            PaintStyle: {
                stroke: '#808695',
                strokeWidth: 2,
                outlineStroke: 'transparent',
                outlineWidth: 10,
            },
            DragOptions: {cursor: 'pointer', zIndex: 2000},
            Overlays: [
                ['Arrow', {
                    width: 10,
                    length: 8,
                    location: 1,
                    direction: 1,
                    foldback: 0.623,
                }],
            ],
            RenderMode: 'svg',
            HoverPaintStyle: {stroke: '#2db7f5', strokeWidth: 2},
            Scope: 'jsPlumb_DefaultScope',
        },
        jsPlumbConnectOptions: {
            isSource: true,
            isTarget: true,
            anchor: 'Continuous',
            labelStyle: {
                cssClass: 'flow-label',
                color:'#515a63',
                font:'10px sans-serif',
            },
        },
        jsPlumbSourceOptions: {
            filter: '.node-drag',
            filterExclude: false,
            anchor: 'Continuous',
            allowLoopback: true,
            maxConnections: -1,
            onMaxConnections: (info, e) => {
            },
        },
        jsPlumbSourceOptions2: {
            filter: '.node-drag',
            filterExclude: false,
            allowLoopback: true,
            connector: ['Flowchart', {curviness: 50}],
            connectorStyle: {
                stroke: 'red',
                strokeWidth: 1,
                outlineStroke: 'transparent',
                outlineWidth: 10,
            },
            connectorHoverStyle: {stroke: 'red', strokeWidth: 2},
        },
        jsPlumbTargetOptions: {
            filter: '.node-drag',
            filterExclude: false,
            anchor: 'Continuous',
            allowLoopback: true,
            dropOptions: {hoverClass: 'drop-hover'},
        },
    },

};

export default Config;
